﻿/*Login page *****************************************/

div.login
{
    margin-top: 237px;
    margin-left: 30px;
}

a.loginButton
{
    display: inline;
    color: white;
    font-weight: bold;
    padding-left: 17px;
    margin: 0 auto;
    margin-right: 15px;
}

a#buttonBack {background: url('images/icons/homeIcon.png') left center no-repeat}
a#buttonRegister {background: url('images/icons/registerIconSmall.png') left center no-repeat}

div.accessDenied
{
    width: 250px;
    text-align: center;
    margin: auto;
    padding: 20px;
    padding-top: 60px;
    color: yellow;
    font-weight: bold;
    background:  url('images/icons/accessDenied.png') center top no-repeat;
}

/*Login page *****************************************/
div.listItemBig
{
    width: 94%;
    background: silver;
    border: solid 1px gray;
    border-radius: 5px;
    margin: 20px 20px;
    padding: 10px;
    overflow: hidden;
}

div.listItemBig img.cover
{
    padding: 5px;
    background: white;
    border: solid 1px gray;
    width: 250px;
    height: 200px;
    float: left;
    margin-right: 30px;
}

div.verticalAcionIcons
{
    width: 45px;
    float: right;
    margin: 0 auto;
}

div.verticalAcionIcons a, div.verticalAcionIcons input
{
    width: 32px;
    height: 32px;
    margin: 5px;
    display: block;
    border: none;
}

div.verticalAcionIcons a.save, div.verticalAcionIcons input.save
{
    background:  url('images/icons/saveIcon.png') center center no-repeat;
}

div.verticalAcionIcons a.delete
{
    background:  url('images/icons/deleteIcon.png') center center no-repeat;
}

/*Movies *****************************************/
div.movieFilters
{
    border: solid 1px gray;
    background-color: black;
    text-align: center;
    margin-top: 10px;
    padding: 10px;
}

div.movieFilters a, div.movieFilters a:link, div.movieFilters a:active
{
    padding: 5px 10px;
    margin: 0 10px;
    color: White;
}

div.movieFilters a:hover
{
    text-decoration: none;
    color: Red;
}

div.movieFilters a.selected
{
    background-color: #870403;
    color: Yellow;
    border: solid 1px white;
    border-radius: 4px;
}

div.movieListItem
{
    width: 500px;
    height: 260px;
    border: solid 1px gray;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    margin: 12px;
    display: block;
    float: left;
    background-color: Silver;
}

div.movieDescription
{
    width: 300px;
    float: right;
}

div.row
{
    overflow: hidden;
    padding: 5px 0px;
}

div.movieDescription label.headerCell
{
    width: 35%;
    float: left;
    font-weight: bold;
    padding-left: 25px;
}
div.movieDescription #movieDirector{background: url('images/icons/movieDirector.png') left center no-repeat;}
div.movieDescription #movieProducer{background:  url('images/icons/movieProducer.png') left center no-repeat;}
div.movieDescription #movieIssueDate{background:  url('images/icons/movieIssueDate.png') left center no-repeat;}
div.movieDescription #movieDuration{background:  url('images/icons/movieDuration.png') left center no-repeat;}
div.movieDescription #movieKind{background:  url('images/icons/movieKind.png') left center no-repeat;}

div.movieDescription #movieMark{background: url('images/icons/movieMark.png') left center no-repeat;}
div.movieDescription #movieComments{background: url('images/icons/movieCommentSmall.png') left center no-repeat;}
div.movieDescription #movieCopies{background:  url('images/icons/movieCopiesSmall.png') left center no-repeat;}
div.movieDescription #movieRents{background:  url('images/icons/movieRentSmall.png') left center no-repeat;}
div.movieDescription #movieVotes{background:  url('images/icons/movieVotesSmall.png') left center no-repeat;}

div.movieDescription label.contentCell
{
    width: 54%;
    float: right;
}

a.movieButton
{
    min-width: 35px;
    padding-top: 32px;
    float: right;
    margin: 10px;
}

a#movieInfoButton{background:  url('images/icons/movieInfo.png') center top no-repeat;}
a#movieRentButton{background:  url('images/icons/movieRent.png') center top no-repeat;}

ul.votes
{
    list-style: none;
    padding: 0px;
    float: left;
    margin: 0 auto;
}

ul.votes li
{
    overflow: visible;
}

ul.votes a
{
    overflow: visible;
    padding-left: 30px;
}

ul.votes a#vote1 {background:  url('images/icons/starBlack.png') left center no-repeat;}
ul.votes a#vote2 {background:  url('images/icons/starBlue.png') left center no-repeat;}
ul.votes a#vote3 {background:  url('images/icons/starGreen.png') left center no-repeat;}
ul.votes a#vote4 {background:  url('images/icons/starSilver.png') left center no-repeat;}
ul.votes a#vote5 {background:  url('images/icons/starYellow.png') left center no-repeat;}

div.DiscList
{
    text-align: center;
    padding: 10px;
}

a.DiscListItem
{
    display: block;
    float: left;
    width: 180px;
    padding-top: 130px;
    height: 45px;
    margin: 10px;
    border: dashed 1px black;
    text-align: center;
}
a.DiscListItem p
{
    padding: 0px;
    margin: 0px;
}

a.discBlueray {background:  url('images/icons/discBlueray.png') center top no-repeat;}
a.discCD {background:  url('images/icons/discCD.png') center top no-repeat;}
a.discDVD {background:  url('images/icons/discDVD.png') center top no-repeat;}
a.discHDDVD {background:  url('images/icons/discHDDVD.png') center top no-repeat;}

div.unavailable 
{
    width: 20px;
    height: 175px;
    margin: 0px;
    padding: 0px;
    float: left;
    position:relative;
    top:-130px;
    background: url('images/discUnavailable.png') left center no-repeat;
}

a.DiscListItem:hover
{
    background-color: black;
}

/***********   Icons menu   ************************************************************************/

ul.iconsMenu
{
    list-style: none;
}

ul.iconsMenu a
{
    overflow: hidden;
    display: block;
    float: left;
    margin: 20px 10px;
    width: 140px;
    height: 0px;
    padding-top: 130px;
    background: red;
    text-align: center;
}

ul.iconsMenu a:hover
{
    overflow:visible;
    color: Black;
    font-weight: bold;
    text-transform:uppercase;
}

ul.iconsMenu a.contactIcon {background:  url('images/icons/menu/big/contactIcon.png') center top no-repeat;}
ul.iconsMenu a.financeIcon {background:  url('images/icons/menu/big/financeIcon.png') center top no-repeat;}
ul.iconsMenu a.moviesDatabaseIcon {background:  url('images/icons/menu/big/moviesDatabaseIcon.png') center top no-repeat;}
ul.iconsMenu a.promotionIcon {background:  url('images/icons/menu/big/promotionIcon.png') center top no-repeat;}
ul.iconsMenu a.returnIcon {background:  url('images/icons/menu/big/returnIcon.png') center top no-repeat;}
ul.iconsMenu a.ruleIcon {background:  url('images/icons/menu/big/ruleIcon.png') center top no-repeat;}
ul.iconsMenu a.settingsIcon {background:  url('images/icons/menu/big/settingsIcon.png') center top no-repeat;}
ul.iconsMenu a.usersIcon {background:  url('images/icons/menu/big/usersIcon.png') center top no-repeat;}
ul.iconsMenu a.newClientIcon {background:  url('images/icons/menu/big/newClientIcon.png') center top no-repeat;}
ul.iconsMenu a.logsIcon {background:  url('images/icons/menu/big/logsIcon.png') center top no-repeat;}
ul.iconsMenu a.rentIcon {background:  url('images/icons/menu/big/rentIcon.png') center top no-repeat;}